<!-- 我的-未登录页面 -->
<template>
	<view class="page">
		<view class="box_1">
			<!-- <image src="/static/images/mine/bg02.png" class="image_1"></image> -->
			<view class="section_1">
				<!-- 中间会员卡 -->

				<!-- 会员 -->
				<view class="box_2"
					style="background: url(/static/images/mine/member-card-bg.png) no-repeat 100%; background-size: 100% 100%; border-radius: 10rpx; height: 123rpx; display: flex; flex-direction: column; width: 670rpx; margin: 44rpx 0 0 40rpx;"
					v-if="topJudgment==='member02'">

					<view class="box_3">
						<!-- <image src="/static/images/mine/member-card-title.png"
							style="width: 300rpx; height: 43rpx; margin: 40rpx 0 0 39rpx;"></image> -->
						<!-- <text lines="1" class="text_1">单张权益卡限时优惠！</text> -->

						<!-- <view class="section_3"></view> -->
					</view>
				</view>
				<!-- 非会员 -->
				<view class="box_2"
					style="background: url(/static/images/mine/bg01.png) no-repeat 100%; background-size: 100% 100%; border-radius: 10rpx; height: 123rpx; display: flex; flex-direction: column; width: 670rpx; margin: 44rpx 0 0 40rpx;"
					v-else>
					<!-- <view class="section_2"> -->
					<view class="box_3">
						<!-- <image src="/static/images/mine/member.png" class="label_1"></image> -->
						<text lines="1" class="text_1">购买会员赠送积分</text>
						<view class="text-wrapper_1">
							<text lines="1" class="text_2">立即购买</text>
						</view>
						<!-- <view class="section_3"></view> -->
					</view>

					<!-- </view> -->
				</view>



				<view class="equity-card border">
					<view class="group_1">
						<!-- <view class="box_5">
						</view> -->
					</view>
					<text lines="1" class="text_3">我的权益卡</text>
					<!-- <image src="/static/images/mine/logo.png" class="image_2"></image> -->
				</view>
				<view class="appointment-order">
					<view class="box_7">
						<view class="group_2"></view>
					</view>
					<text lines="1" class="text_4">预约订单</text>
					<!-- <image src="/static/images/mine/logo.png" class="image_3"></image> -->
				</view>
				<view class="product-orders">
					<view class="box_9">
						<view class="group_3"></view>
					</view>
					<text lines="1" class="text_5">商品订单</text>
					<!-- <image src="/static/images/mine/logo.png" class="image_4"></image> -->
				</view>
				<view class="my-favorites">
					<view class="box_11">
						<view class="group_4"></view>
					</view>
					<text lines="1" class="text_6">我的收藏</text>
					<!-- <image src="/static/images/mine/logo.png" class="image_5"></image> -->
				</view>
				<view class="integralRecord">
					<view class="box_12">
						<view class="group_4"></view>
					</view>
					<text lines="1" class="text_6">积分记录</text>
					<!-- <image src="/static/images/mine/logo.png" class="image_5"></image> -->
				</view>
				<view class="shoppingCart">
					<view class="box_13">
						<view class="group_4"></view>
					</view>
					<text lines="1" class="text_6">我的购物车</text>
					<!-- <image src="/static/images/mine/logo.png" class="image_5"></image> -->
				</view>
				<view class="set-up">
					<view class="box_14">
						<view class="group_4"></view>
					</view>
					<text lines="1" class="text_6">设置</text>
					<!-- <image src="/static/images/mine/logo.png" class="image_5"></image> -->
				</view>

				<!-- 在线客服 -->
				<!-- <view class="online-service">
					<view class="online-external">
						<image src="/static/images/mine/customer.png" class="online-image"></image>
					</view>
					<text lines="1" class="online-text">在线客服</text>
				</view> -->

				<view class="online-service"
					:style="{ position: 'absolute', left: iconLeft + 'rpx', bottom: iconBottom + 'rpx'}"
					@touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd">
					<view class="online-external">
						<!-- <image src="/static/images/mine/customer.png" class="online-image"></image> -->
					</view>
					<text lines="1" class="online-text">在线客服</text>
				</view>

			</view>
		</view>


		<!-- 顶部个人信息 -->
		<view>
			<!-- 我的 - 开通会员 -->
			<view class="top-information log-in member" v-if="topJudgment==='member02'">
				<view class="box_20"></view>
				<view class="box_25">
					<view class="box_26">
						<!-- <image src="/static/images/mine/log-avatar.png" class="image_10"></image> -->
						<!-- <view class="block_3"></view> -->
						<view class="enterprise-users">
							<text class="enterprise-text">企业用户</text>

						</view>
					</view>
					<view class="user">
						<text lines="1" class="user-name">张张的企业</text>
						<text lines="1" class="user-id">ID ：26</text>
					</view>
					<!-- 修改信息 -->
					<view class="modifying-information">
						<text class="modifying-text">修改信息</text>
					</view>
				</view>
				<view class="box_27">
					<view class="list_1">
						<view class="text-group_2-0 ">
							<text lines="1" class="text_12-0">9999</text>
							<text lines="1" class="text_14-0">我的积分</text>
						</view>
						<view class="text-group_2-1">
							<text lines="1" class="text_13-1">金卡</text>
							<text lines="1" class="text_14-1">我的会员卡</text>
						</view>
						<view class="text-group_2-2">
							<text lines="1" class="text_12-2">2</text>
							<text lines="1" class="text_14-2">我的订单</text>
							<view class="order-view">
								<text class="order-text">去查看</text>
							</view>
						</view>
					</view>
				</view>
			</view>


			<!-- 已登录 -->
			<view class="top-information log-in" v-else-if="topJudgment==='log'">
				<view class="box_20"></view>
				<view class="box_25">
					<view class="box_26">
						<!-- <image src="/static/images/mine/log-avatar.png" class="image_10"></image> -->
						<!-- <view class="block_3"></view> -->
						<view class="enterprise-users">
							<text class="enterprise-text">企业用户</text>

						</view>
					</view>
					<view class="user">
						<text lines="1" class="user-name">张张的企业</text>
						<text lines="1" class="user-id">ID ：26</text>
					</view>
					<!-- 修改信息 -->
					<view class="modifying-information">
						<text class="modifying-text">修改信息</text>
					</view>
				</view>
				<view class="box_27">
					<view class="list_1">
						<view class="text-group_2-0 ">
							<text lines="1" class="text_12-0">9999</text>
							<text lines="1" class="text_14-0">我的积分</text>
						</view>
						<view class="text-group_2-1">
							<text lines="1" class="text_13-1">尚未开通</text>
							<text lines="1" class="text_14-1">我的会员卡</text>
						</view>
						<view class="text-group_2-2">
							<text lines="1" class="text_12-2">2</text>
							<text lines="1" class="text_14-2">我的订单</text>
							<view class="order-view">
								<text class="order-text">去查看</text>
							</view>
						</view>
					</view>
				</view>
			</view>


			<!-- 未登陆 -->
			<view class="top-information" v-else>
				<view class="box_20"></view>
				<view class="box_25" @click="toLandingPage()">
					<view class="box_26">
						<!-- <image src="/static/images/mine/avatar.png" class="image_10"></image> -->
						<view class="block_3"></view>
					</view>
					<text lines="1" class="text_11" >请先登录企业账号</text>
				</view>
				<view class="box_27">
					<view class="list_1">
						<view class="text-group_2-0">
							<text lines="1" class="text_12-0">暂无</text>
							<text lines="1" class="text_14-0">我的积分</text>
						</view>
						<view class="text-group_2-1">
							<text lines="1" class="text_13-1">暂无</text>
							<text lines="1" class="text_14-1">我的会员卡</text>
						</view>
						<view class="text-group_2-2">
							<text lines="1" class="text_12-2">暂无</text>
							<text lines="1" class="text_14-2">我的订单</text>
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				// topJudgment: 'member02',
				// topJudgment: 'log',
				topJudgment: '',
				// 客服
				iconLeft: 521, // 初始位置的left值
				iconBottom: 248, // 初始位置的top值
				startX: 0,
				startY: 0
			}
		},
		methods: {
			
			// 在线客服
			onTouchStart(e) {
				this.startX = e.touches[0].clientX;
				this.startY = e.touches[0].clientY;
				// console.log(this.startX,this.startY)
			},
			onTouchMove(e) {
				const moveX = e.touches[0].clientX - this.startX;
				const moveY = e.touches[0].clientY - this.startY;
				this.iconLeft += moveX;
				this.iconBottom -= moveY;
				this.startX = e.touches[0].clientX;
				this.startY = e.touches[0].clientY;
				// console.log("onTouchMove",this.startX,this.startY)
			},
			onTouchEnd() {
				// 处理触摸结束事件
			},
			// 前往登陆页
			toLandingPage(){
				wx.navigateTo({
					url: '/pages/mine/loginPage/loginPage'
				});
			},


		}
	}
</script>

<style>
	.page {
		background-color: rgba(255, 255, 255, 1.000000);
		position: relative;
		width: 750rpx;
		height: 1500rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.box_1 {
		width: 751rpx;
		height: 1537rpx;
		flex-direction: row;
		display: flex;
		background: #FFF;
	}

	/* 上部背景 */
	.image_1 {
		width: 750rpx;
		height: 544rpx;
		/* position: absolute;
		top: -10rpx; */
	}

	/* 下 */
	.section_1 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 30rpx 30rpx 0rpx 0rpx;
		position: relative;
		width: 751rpx;
		height: 1037rpx;
		display: flex;
		flex-direction: column;
		margin: 500rpx 0 0 -750rpx;
	}


	/* .section_2 {
		height: 123rpx;
		
		display: flex;
		flex-direction: column;
		width: 670rpx;
	} */

	.box_3 {
		/* background-image: linear-gradient(90deg, rgba(76, 72, 70, 1.000000) 0, rgba(30, 27, 26, 1.000000) 100.000000%); */

		position: relative;
		width: 670rpx;
		height: 123rpx;
		flex-direction: row;
		display: flex;
	}

	.label_1 {
		width: 45rpx;
		height: 41rpx;
		margin: 41rpx 0 0 49rpx;
	}

	.text_1 {
		width: 256rpx;
		height: 32rpx;
		overflow-wrap: break-word;
		color: rgba(248, 230, 184, 1.000000);
		font-size: 32rpx;
		font-family: Source Han Sans SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 32rpx;
		margin: 46rpx 0 0 21rpx;
	}

	.text-wrapper_1 {
		background-image: linear-gradient(126deg, rgba(250, 228, 175, 1.000000) 0, rgba(235, 201, 132, 1.000000) 100.000000%);
		border-radius: 41rpx;
		height: 65rpx;
		display: flex;
		flex-direction: column;
		width: 155rpx;
		margin: 32rpx 38rpx 0 106rpx;
	}

	.text_2 {
		width: 104rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 26rpx;
		font-family: Source Han Sans SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 26rpx;
		margin: 19rpx 0 0 24rpx;
	}

	.section_3 {
		position: absolute;
		left: 48rpx;
		top: 41rpx;
		width: 46rpx;
		height: 41rpx;
		display: flex;
		flex-direction: column;
	}

	/* 我的权益卡 */
	.equity-card {
		width: 670rpx;
		height: 67rpx;
		line-height: 119rpx;
		flex-direction: row;
		display: flex;
		margin: 52rpx 0 0 42rpx;
		padding-left: -1rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.group_1 {
		height: 31rpx;
		/* background: url(/static/images/mine/icon-left01.png) 100% no-repeat; */
		background-size: cover;
		margin-top: 1rpx;
		display: flex;
		flex-direction: column;
		width: 44rpx;
	}

	.box_5 {
		width: 44rpx;
		height: 31rpx;
		display: flex;
		flex-direction: column;
	}

	.text_3 {
		width: 150rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 30rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin-left: 32rpx;
	}

	.image_2 {
		width: 16rpx;
		height: 29rpx;
		margin: 2rpx 0 0 429rpx;
	}

	/* 预约订单 */
	.appointment-order {
		width: 670rpx;
		height: 73rpx;
		/* line-height: 119rpx; */
		flex-direction: row;
		display: flex;
		margin: 38rpx 0 0 42rpx;
		padding-left: 5rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	/* .box_7 {
		height: 45rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG7a8dcfd13fa6d21716a10c70eeeb8462.png) 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 34rpx;
	} */

	.group_2 {

		height: 45rpx;
		/* background: url(/static/images/mine/icon-left02.png) 100% no-repeat; */
		background-size: 100% 100%;
		margin-top: 1rpx;
		display: flex;
		flex-direction: column;
		width: 34rpx;
	}

	.text_4 {
		width: 120rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 30rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 8rpx 0 0 36rpx;
	}

	.image_3 {
		width: 16rpx;
		height: 29rpx;
		margin: 11rpx 0 0 459rpx;
	}

	/* 商品订单 */
	.product-orders {
		width: 670rpx;
		height: 73rpx;
		flex-direction: row;
		display: flex;
		margin: 40rpx 0 0 42rpx;
		padding-left: 5rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.box_9 {
		height: 43rpx;
		/* background: url(/static/images/mine/icon-left03.png) 100% no-repeat; */
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 35rpx;
	}

	.group_3 {
		width: 34rpx;
		height: 42rpx;
		margin-top: 1rpx;
		display: flex;
		flex-direction: column;
	}

	.text_5 {
		width: 120rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 30rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 5rpx 0 0 35rpx;
	}

	.image_4 {
		width: 16rpx;
		height: 29rpx;
		margin: 7rpx 0 0 459rpx;
	}

	/* 我的收藏 */
	.my-favorites {
		width: 670rpx;
		height: 73rpx;
		flex-direction: row;
		display: flex;
		/* margin: 75rpx 0 0 46rpx; */
		margin: 40rpx 0 0 42rpx;
		padding-left: 3rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	/* 积分记录 */
	.integralRecord {
		width: 666rpx;
		height: 75rpx;
		flex-direction: row;
		display: flex;
		margin: 39rpx 0 0 42rpx;
		padding-left: 5rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	/* 购物车 */
	.shoppingCart {
		width: 666rpx;
		height: 76rpx;
		flex-direction: row;
		display: flex;
		margin: 43rpx 0 0 42rpx;
		padding-left: -2rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	/* 设置 */
	.set-up {
		width: 666rpx;
		height: 76rpx;
		flex-direction: row;
		display: flex;
		margin: 38rpx 0 0 46rpx;
		padding-left: -3rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.box_11 {
		height: 36rpx;
		/* background: url(/static/images/mine/icon-left04.png) 100% no-repeat; */
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 38rpx;
		justify-content: center;
		align-items: center;
	}

	.group_4 {
		width: 38rpx;
		height: 36rpx;
		display: flex;
		flex-direction: column;
	}

	.text_6 {
		width: 120rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 30rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin-left: 33rpx;
	}

	.image_5 {
		width: 16rpx;
		height: 28rpx;
		margin: 1rpx 0 0 459rpx;
	}

	.box_12 {
		/* width: 670rpx;
		height: 156rpx;
		flex-direction: row;
		display: flex;
		margin: 75rpx 0 0 42rpx; */
		height: 38rpx;
		/* background: url(/static/images/mine/icon-left05.png) 100% no-repeat; */
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 34rpx;
		justify-content: center;
		align-items: center;
	}

	.box_13 {
		width: 43rpx;
		height: 39rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* background: url(/static/images/mine/icon-left06.png) 100% no-repeat; */
		background-size: 100% 100%;
	}

	/* .block_1 {
		height: 38rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNGc9a6e51a9065beaf6a16f1f5622d60bc.png) 100% no-repeat;
		background-size: 100% 100%;
		margin-left: 5rpx;
		display: flex;
		flex-direction: column;
		width: 34rpx;
	} */

	.group_5 {
		width: 34rpx;
		height: 38rpx;
		display: flex;
		flex-direction: column;
	}

	.label_2 {
		width: 41rpx;
		height: 38rpx;
		margin-top: 80rpx;
	}

	.text-wrapper_2 {
		width: 150rpx;
		height: 148rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 1rpx 0 0 34rpx;
	}

	.text_7 {
		width: 120rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 30rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
	}

	.text_8 {
		width: 150rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 30rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin-top: 88rpx;
	}

	.box_14 {
		/* background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 50%;
		height: 107rpx;
		border: 3px solid rgba(192, 32, 46, 1);
		display: flex;
		flex-direction: column;
		width: 107rpx;
		position: relative;
		margin: 16rpx 0 0 279rpx; */
		width: 38rpx;
		height: 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* background: url(/static/images/mine/icon-left07.png) 100% no-repeat; */
		background-size: 100% 100%;
	}

	/* .image_6 {
		width: 57rpx;
		height: 61rpx;
		margin: 18rpx 0 0 26rpx;
	} */

	/* .box_15 {
		position: absolute;
		left: 25rpx;
		top: 18rpx;
		width: 58rpx;
		height: 60rpx;
		display: flex;
		flex-direction: column;
	} */

	.image-wrapper_1 {
		width: 16rpx;
		height: 154rpx;
		margin-left: 43rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_7 {
		width: 16rpx;
		height: 28rpx;
	}

	.image_8 {
		width: 16rpx;
		height: 29rpx;
		margin-top: 97rpx;
	}

	.box_16 {
		width: 654rpx;
		height: 48rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 62rpx 0 110rpx 58rpx;
	}

	.image-text_1 {
		width: 119rpx;
		height: 45rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
	}

	.box_17 {
		height: 43rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG52ed56f21c84de46a8b2c45c158c8926.png) -24rpx 0rpx no-repeat;
		background-size: 64rpx 62rpx;
		display: flex;
		flex-direction: column;
		width: 48rpx;
	}

	.group_6 {
		width: 38rpx;
		height: 36rpx;
		display: flex;
		flex-direction: column;
		margin: 12rpx 0 0 -11rpx;
	}

	.text-group_1 {
		width: 60rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 30rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin-top: 15rpx;
	}

	.image_9 {
		width: 16rpx;
		height: 28rpx;
		margin-top: 20rpx;
	}

	.box_18 {
		position: absolute;
		left: 40rpx;
		top: 778rpx;
		width: 43rpx;
		height: 39rpx;
		display: flex;
		flex-direction: column;
	}

	/* 在线客服 */
	.online-service {
		background-color: rgba(192, 32, 46, 1.000000);
		border-radius: 49rpx;
		height: 51rpx;
		display: flex;
		flex-direction: column;
		width: 147rpx;
		/* position: absolute;
		left: 526rpx;
		top: 760rpx; */
	}

	.online-external {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 50%;
		height: 107rpx;
		border: 3px solid rgba(192, 32, 46, 1);
		display: flex;
		flex-direction: column;
		width: 107rpx;
		position: absolute;
		top: -107rpx;
		left: 18rpx;
		position: absolute;
		justify-content: center;
		align-items: center;
		/* position: relative; */
		/* margin: 16rpx 0 0 279rpx; */
	}

	.online-image {
		width: 57rpx;
		height: 61rpx;
		/* margin: 16rpx 0 0 19rpx; */
	}

	/* .online-box {
		position: absolute;
		left: 25rpx;
		top: 18rpx;
		width: 58rpx;
		height: 60rpx;
		display: flex;
		flex-direction: column;
	} */

	.online-text {
		width: 104rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1.000000);
		font-size: 26rpx;
		font-family: Source Han Sans SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 26rpx;
		margin: 12rpx 0 0 21rpx;
	}


	.top-information {
		position: absolute;
		left: 0rpx;
		top: 0rpx;
		width: 750rpx;
		height: 544rpx;
		display: flex;
		flex-direction: column;
	}

	.box_20 {
		width: 371rpx;
		height: 50rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 90rpx 0 0 339rpx;
	}

	/* .text_10 {
  width: 72rpx;
  height: 36rpx;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1.000000);
  font-size: 36rpx;
  font-family: Source Han Sans SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 100rpx;
  margin-top: 10rpx;
} */

	.box_25 {
		width: 425rpx;
		height: 114rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 56rpx 0 0 54rpx;
	}

	.box_26 {
		background-color: rgba(244, 244, 244, 1.000000);
		border-radius: 50%;
		height: 114rpx;
		display: flex;
		flex-direction: column;
		width: 114rpx;
		position: relative;
	}

	.image_10 {
		width: 101rpx;
		height: 101rpx;
		margin: 7rpx 0 0 10rpx;
	}

	.block_3 {
		position: absolute;
		left: 0rpx;
		top: 0rpx;
		width: 114rpx;
		height: 114rpx;
		display: flex;
		flex-direction: column;
	}

	.text_11 {
		width: 288rpx;
		height: 36rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1.000000);
		font-size: 36rpx;
		font-family: Source Han Sans SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 36rpx;
		margin-top: 39rpx;
	}

	.box_27 {
		box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
		height: 148rpx;
		display: flex;
		flex-direction: column;
		width: 670rpx;
		margin: 48rpx 0 41rpx 40rpx;
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 100%);
		border-radius: 15rpx 15rpx 0rpx 0rpx;
	}

	.list_1 {
		width: 670rpx;
		height: 148rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-around;
		align-items: center;
		/* margin: 34rpx 0 0 48rpx; */
	}

	.text-group_2-0 {
		position: relative;
		width: 104rpx;
		height: 81rpx;
		/* margin-right: 107rpx; */
		display: flex;
		flex-direction: column;
	}

	.text_12-0 {
		position: absolute;
		left: 12rpx;
		top: 0rpx;
		width: 80rpx;
		height: 40rpx;
		overflow-wrap: break-word;
		color: rgba(205, 133, 49, 1.000000);
		font-size: 40rpx;
		font-family: Source Han Sans SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 40rpx;
	}

	/* 已登录的信息样式调整 */
	.log-in .text_12-0 {
		width: 92rpx;
		position: absolute;
		left: 7rpx;
		top: 0rpx;
		text-align: center;

	}

	/* 头像企业用户 */
	.enterprise-users {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 119rpx;
		height: 42rpx;
		background: linear-gradient(137deg, #FFCD6C 0%, #B77800 100%);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
	}

	.enterprise-text {

		width: 96rpx;
		height: 24rpx;
		font-family: Source Han Sans SC, Source Han Sans SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #BD0000;
		line-height: 24rpx;
		text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
		text-align: center;
	}

	/* 已登录用户信息 */
	.user {
		width: 288rpx;
		height: 80rpx;
		overflow-wrap: break-word;
		white-space: nowrap;
		/* line-height: 80rpx; */
		margin-top: 27rpx;
		font-family: Source Han Sans SC, Source Han Sans SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		/* background-color: #BD0000; */
		margin-left: 24rpx;
	}

	.user-name {
		width: 160rpx;
		height: 32rpx;
		font-family: Source Han Sans SC, Source Han Sans SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 32rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
		margin-bottom: 20rpx;
	}

	.user-id {
		width: 81rpx;
		height: 26rpx;
		font-family: Source Han Sans SC, Source Han Sans SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #FFFFFF;
		line-height: 26rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	/* 修改信息按钮 */
	.modifying-information {
		width: 161rpx;
		height: 66rpx;
		background: #CC1D1D;
		border-radius: 40rpx 0rpx 0rpx 40rpx;
		margin-top: 27rpx;
		margin-left: 116rpx;
		display: flex;
		justify-content: center;
		align-items: center;


	}

	.modifying-text {
		width: 96rpx;
		height: 35rpx;
		font-family: Source Han Sans SC, Source Han Sans SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 28rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	/* 订单查看 */
	.order-view {
		width: 71rpx;
		height: 31rpx;
		line-height: 31rpx;
		background: #CC1D1D;
		border-radius: 10rpx 10rpx 10rpx 0rpx;
		position: absolute;
		top: -8px;
		right: -18px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.order-text {
		width: 60rpx;
		height: 29rpx;
		font-family: Source Han Sans SC, Source Han Sans SC;
		font-weight: 400;
		font-size: 20rpx;
		color: #FFE0A4;
		line-height: 29rpx;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}


	.text_14-0 {
		width: 104rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: #2F2F2F;
		font-size: 26rpx;
		font-family: Source Han Sans SC-Normal;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 26rpx;
		margin-top: 55rpx;
		/* width: 104rpx;
  height: 26rpx;
  font-family: Source Han Sans SC, Source Han Sans SC;
  font-weight: 400;
  font-size: 26rpx;
  color: #2F2F2F;
  line-height: 26rpx;
  text-align: left;
  font-style: normal;
  text-transform: none; */
	}

	.text-group_2-1 {
		position: relative;
		width: 104rpx;
		height: 81rpx;
		/* margin-right: 107rpx; */
		display: flex;
		flex-direction: column;
	}

	.text_13-1 {
		position: absolute;
		left: 29rpx;
		top: 0rpx;
		width: 80rpx;
		height: 40rpx;
		overflow-wrap: break-word;
		color: rgba(205, 133, 49, 1.000000);
		font-size: 40rpx;
		font-family: Source Han Sans SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 40rpx;
	}

	/* 已登录的样式 */
	.log-in .text_13-1 {
		position: absolute;
		left: -12rpx;
		top: 0rpx;
		width: 160rpx;
		text-align: center;

	}

	.text_14-1 {
		width: 130rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(47, 47, 47, 1.000000);
		font-size: 26rpx;
		font-family: Source Han Sans SC-Normal;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 26rpx;
		margin-top: 55rpx;
	}

	.text-group_2-2 {
		position: relative;
		width: 104rpx;
		height: 81rpx;
		/* margin-right: 107rpx; */
		display: flex;
		flex-direction: column;
	}

	.text_12-2 {
		position: absolute;
		left: 12rpx;
		top: 0rpx;
		width: 80rpx;
		height: 40rpx;
		overflow-wrap: break-word;
		color: rgba(205, 133, 49, 1.000000);
		font-size: 40rpx;
		font-family: Source Han Sans SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 40rpx;
	}

	.text_14-2 {
		width: 130rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(47, 47, 47, 1.000000);
		font-size: 26rpx;
		font-family: Source Han Sans SC-Normal;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 26rpx;
		margin-top: 55rpx;
	}
</style>